import { defineComponent } from 'vue';

import logo from '@/assets/logo.svg';

export default defineComponent({
  setup() {
    return () => (
      <div class="bg-cibr-red text-white p-4 min-w-lg">
        <div class="container mx-auto flex flex-col md:flex-row justify-between items-center">
          <div class="flex items-center mb-4 md:mb-0">
            <img src={logo} alt="Institute Logo" class="w-8 h-8 mr-4" />
            <div>
              <h1 class="text-xl font-bold">北京脑科学与类脑研究中心</h1>
              <p class="text-sm">Chinese Institute for Brain Research, Beijing</p>
            </div>
          </div>
          <div class="text-sm">
            <p class="mb-2">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                class="h-4 w-4 inline-block mr-1"
                fill="none"
                viewBox="0 0 24 24"
                stroke="currentColor"
              >
                <path
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="2"
                  d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"
                />
                <path
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="2"
                  d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"
                />
              </svg>
              地址：北京市昌平区中关村生命科学园科学园路26号脑科学与类脑研究所
            </p>
            <p>
              <svg
                xmlns="http://www.w3.org/2000/svg"
                class="h-4 w-4 inline-block mr-1"
                fill="none"
                viewBox="0 0 24 24"
                stroke="currentColor"
              >
                <path
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="2"
                  d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
                />
              </svg>
              邮编：102206
              <span class="ml-4">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  class="h-4 w-4 inline-block mr-1"
                  fill="none"
                  viewBox="0 0 24 24"
                  stroke="currentColor"
                >
                  <path
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    stroke-width="2"
                    d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"
                  />
                </svg>
                网址：http://www.cibr.ac.cn
              </span>
            </p>
          </div>
        </div>
        <div class="text-xs text-center mt-4">
          © 2023 by Personal Life Coach. Proudly created with Wix.com ICP备案号：京ICP备18029179号
        </div>
      </div>
    );
  }
});
